<template>
	<main>
		<v-headerx></v-headerx>
		<div class="list">
			<ul>
				<li><a href="">仅在wifi下显示图片<span class="cred"><i class="iconfont icon-jiantou"></i></span></a></li>
				<li><a href="">消息提醒<span><i class="iconfont icon-jiantou"></i></span></a></li>
				<li><a href="">分享设置<span><i class="iconfont icon-jiantou"></i></span></a></li>
				<li><a href="">清除缓存<span class="font1">8.43M</span></a></li>
			</ul>
		</div>
		<div class="list">
			<ul>
				<li><a href="">赏个好评</a></li>
				<li><a href="">意见反馈</a></li>
				<li><a href="">联系客服<span class="font1">1234-567-89</span></a></li>
			</ul>
		</div>
		<div class="list">
			<ul>
				<li><a href="">当前版本 V8.10<span><i class="iconfont icon-jiantou"></i></span></a></li>
				<li><a href="">关于</a></li>
			</ul>
		</div>
	</main>
</template>

<script>
	import headerx from "../components/headerx.vue"

	export default{
		name:"more",
		components:{
			"v-headerx":headerx
		},
		mounted(){
			this.$store.state.title="更多";
			this.$store.state.index=3;	
		}
	}	
</script>

<style scoped>
	.list{
		margin-bottom: .2rem;
		background: white;
	    border-top: 1px solid rgba(0,0,0,0.4); 
	}
	.list li{
	    box-sizing: border-box;
	    box-shadow: 0 2px 1px #dedede;
	    border-bottom: 1px solid rgba(0,0,0,0.4); 
	    padding: .4rem;
	}
	.list a{
	    color: #000;
	    font-size: .34rem;
	    display:block;	
	}
	.list a>span{
		float:right;
	}
	.list .cred i{
		color:red;
	}
	.list .font1{
	    font-size: .24rem;
	    color: #666;
	    vertical-align: bottom;
	    margin-top: .1rem;
	}
</style>